<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>河北省建筑施工质量全过程监管系统</title>
    <link rel="stylesheet" href="./static/css/font.css">
    <link rel="stylesheet" href="/lib/layui/css/layui.css">
    <link rel="stylesheet" href="/static/css/weadmin.css">
    <script src="/static/js/loginPermission.js"></script>
    <script src="lib/layui/layui.js" charset="utf-8"></script>
    <style type="text/css">
        * {

            margin: 0;
            padding: 0;
            font-size: 14px;
        }

        body {
            font-family: Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif;
            color: #333;
            background: #f2f2f2;
        }

        .wrap {
            width: 1100px;
            margin: 0 auto;
        }

        .fl {
            float: left;
        }

        .fr {
            float: right;
        }

        .fc {
            clear: both;
        }

        .header_tip {
            background: #f2f2f2;
            border-bottom: 1px solid #ececec;
        }

        .tips {
            font-size: 12px;
            padding: 5px 0;
        }

        .head_title {
            height: 80px;
            background: #fff;
        }

        .head_title h1 {
            font-size: 30px;
            line-height: 80px;
            color: #333;
            font-weight: bold;
        }

        .head_link {
            font-size: 14px;
            background: url('/static/images/gh.png') center left no-repeat;
            padding-left: 25px;
            line-height: 80px;
        }

        .head_link a, .footer a {
            text-decoration: none;
            color: inherit
        }

        .head_link a:hover, .footer a:hover {
            text-decoration: underline;
        }

        .banner {
            background: url('/static/images/banner.jpg') center center repeat;
            height: 565px;
            border-top: 3px solid #358ccb;
            border-bottom: 5px solid #a8d6f7;
        }

        .banner .login {
            width: 345px;
            height: 370px;
            /*background: #85bef0;*/
            background-color: rgba(255, 255, 255, 0.3);
            position: relative;
            right: 2%;
            top: 15%;
            border-radius: 5px;
            box-shadow: 3px 3px 3px #000;
            margin: 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        .banner .login_user {
            width: 171px;
            height: 378px;
            background: url('/static/images/user.png') bottom right no-repeat;
            position: relative;
            top: 25%;
            right: 3%;

        }

        .little .banner .login_user {
            top: 3%;
        }

        .little .banner .login {
            top: 3%;
        }

        .little .banner {
            height: 404px;
        }

        .middle .banner {
            height: 510px;
        }

        .footer {
            text-align: center;
            background: #f3f3f3;
            height: 100px;
            padding-top: 10px;
        }

        .footer p {
            line-height: 25px;
        }

        .footer p.finfo {
            color: #999;
        }

        .loginTitle {
            font-size: 48px;
            text-align: center;
            height: 50px;
            line-height: 50px;
            margin-top: 50px;
            color: #fff;
        }

        .forgetPwd {
            position: absolute;
            right: 0;
            top: 9px;
        }

        .footer {
            color: #333;
            text-align: center;
            background: none;
            border: none;
        }

        .signUp {
            cursor: pointer;
            color: #00b7ee;
        }

        .ptitle {
            margin-top: -10px;
            margin-bottom: 20px;
            height: 40px;
            line-height: 40px;
            font-size: 25px;
            text-align: center;
            color: #333;
            font-weight: bold;
        }

        .typeItem {
            text-align: center;
        }
    </style>
</head>
<body>
<div class="header">

    <div class="header_tip">
        <div class="tips wrap">
            您好，欢迎使用施工图审图多图联审系统！
        </div>
    </div>
    <div class="head_title">
        <div class="wrap">
            <h1 class="fl">河北省建筑施工质量全过程监管系统 </h1>
            <div class="head_link fr">
                <a href="http://www.xjjs.gov.cn" target="_blank">河北省住房和城乡建设厅</a>
            </div>
        </div>
    </div>
</div>
<div class="banner">
    <div class="login_user fr"></div>
    <div class="login fr">
        <p class="ptitle">用户登录</p>
        <form method="post" class="layui-form layui-form-pane">
            <div class="layui-form-item">
                <label class="layui-form-label">用户名</label>
                <div class="layui-input-block">
                    <input name="userName" placeholder="用户名" type="text" lay-verify="required | username"
                           class="layui-input"/>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">密码</label>
                <div class="layui-input-block">
                    <input name="password" lay-verify="required" placeholder="密码" type="password"
                           class="layui-input"/>
                </div>
            </div>
            <div class="layui-form-item" pane style="border:none;">
                <label class="layui-form-label" style="background:none;border:none;">记住密码</label>
                <div class="layui-input-block">
                    <input type="checkbox" name="rememberMe" lay-skin="switch" lay-text="开|关"/>
                </div>
                <a href="" class="forgetPwd">忘记密码？</a>
            </div>
            <input class="loginin" value="登录" lay-submit lay-filter="login" style="width:100%;" type="button">
            <div class="layui-form-item" style="text-align: center;margin-top:15px;margin-bottom:0;">
                还没有账号?去 <a class="signUp">注册</a>
            </div>
        </form>
    </div>
</div>
<div class="footer">
    <p>
        <i class="layui-icon layui-icon-home"></i> <a href="#">把本站设为首页</a>&nbsp;&nbsp;&nbsp;&nbsp;
        <i class="layui-icon layui-icon-survey"></i> <a href="#">常见问题</a>&nbsp;&nbsp;&nbsp;&nbsp;
        <i class="layui-icon layui-icon-util"></i> <a href="#">操作手册</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <i class="layui-icon layui-icon-download-circle"></i><a href="#">扫码下载APP</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <img style="width:100px;vertical-align: bottom;position: absolute;margin-left: 100px; top:-5px;" src="/static/download/app-down-url.png">
    </p>
    <p>技术支持：0311-85299922&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;E-mail：997050983@qq.com</p>
    <p class="finfo">主办单位：河北省住房和城乡建设厅&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;研发单位：河北霄岭工程设计咨询有限公司</p>
</div>


<script src="./static/js/main.js"></script>
<script type="text/javascript">
    layui.use(['form', 'layer', 'user', 'configure', 'configureCom', 'keyUp'], function () {
        var $ = layui.jquery;
        var form = layui.form;
        var layer = layui.layer;
        var user = layui.user;
        var configure = layui.configure;
        var configureCom = layui.configureCom;
        var keyUp = layui.keyUp;
        windowHeightFun();
        window.onresize = function () {
            windowHeightFun();
        };

        document.onkeyup = function (e) {
            keyUp.down(e).then(function (res) {
                switch (res.result) {
                    case configure.KEY_CODE_ENTER:
                        $('.loginin').click();
                        break;
                }
            });
        };
        //验证登录

        /**
         *  form.verify({
	        	username: [/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/, '账号格式不正确'],
	            pass: [/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格']
	        });
         */
        $('.signUp').click(function () {
            top.layer.confirm('选择注册类型', {
                btn: ['企业注册', '人员注册']
            }, function (index, layero) {
                top.layer.close(index);
                window.open(configure.COMPANY_UNIT_REGISTER);
            }, function (index, layero) {
                top.layer.close(index);
                window.open(configure.ZIZHI_USER_REGISTER_HTML);
            });
            // window.open(configure.COMPANY_UNIT_REGISTER);
        });

        function windowHeightFun() {
            if ($(window).height() <= 800 && $(window).height() > 721) {
                $('body').addClass('middle').removeClass('little');
            } else if ($(window).height() <= 720) {
                $('body').addClass('little').removeClass('middle');
            } else {
                $('body').removeClass('little').removeClass('middle');
            }
        }
        //监听提交
        form.on('submit(login)', function (data) {
            if (data.field.rememberMe) {//记住密码
                data.field.rememberMe = true;
                localStorage.getPwd = data.field.password;
            } else {
                data.field.rememberMe = 'on';
                localStorage.getPwd = '';
            }
            user.login(data.field).then(function (res) {
                if (res.code == 1) {
                    location.href = 'index.html';
                }
            }, function (err) {
                layer.msg(err.msg);
            });
            return false;
        });
    });
</script>
</body>
</html>
